<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../../asset/css/common.css">
    <link rel="stylesheet" href="../../asset/css/pageStyle.css">
    <link rel="stylesheet" href="../../asset/css/style.css">
    <script src="../../asset/js/avalon.js"></script>
    <script src="http://mockjs.com/dist/mock.js"></script>
    <title>招聘</title>
</head>
<body>
<ms-header></ms-header>
<div class="headNav" ms-controller="headNav">
    <ul>
        <ul>
            <li ms-for="el in @navList"><a ms-attr="{href: el.path}" ms-html="el.name">公司简介</a></li>
        </ul>
    </ul>
</div>
<div class="container">
    <div ms-controller="recruit">
        <p class="recruitment_title">招聘贤才</p>
        <div class="recruitment_group">
            <p ms-html="@workPlace[0].description+':'">工作地点：</p>
            <ul>
                <li>全部</li>
                <li ms-for="(index,el) in @workPlace" ms-html="el.label" ms-click="selectPlace(index)">广州</li>
                <!-- <li>深圳</li>
                 <li>其它城市</li>-->
            </ul>
        </div>
        <div class="recruitment_group">
            <p ms-html="@findJobType[0].description+':'">职位类别：</p>
            <ul>
                <li>全部</li>
                <li ms-for="(index,el) in @findJobType" ms-html="el.label" ms-click="selectJob(index)">产品经理</li>
                <!-- <li>UI设计师</li>
                 <li>软件工程师</li>
                 <li>IOS开发工程师</li>
                 <li>C++开发工程师</li>-->
            </ul>
        </div>
        <div ms-class=["recruitment",@isContent?'hidden':'']>
            <table>
                <thead>
                <tr>
                    <th ms-for="el in @recruitmentData.job.header" ms-html="el">职位名称</th>
                    <!--<th>&nbsp;</th>
                    <th>职位类别</th>
                    <th>工作地点</th>
                    <th>发布时间</th>-->
                </tr>
                </thead>
                <tbody>
                <tr ms-click="@showContent(el.id)" ms-for="el in @pageJob.jobList">
                    <td><span ms-html="el.jobTitle">软件工程师</span> <span ms-class="[el.hot ? 'hot' :'']">Hot</span></td>
                    <td ms-html="el.jobType | JobType">开发工程师</td>
                    <td ms-html="el.workplace | workplace">深圳</td>
                    <td ms-html="el.createDate">2017-06-28</td>
                </tr>
                <!--<tr>
                    <td>软件工程师 <span class="hot">Hot</span></td>
                    <td></td>
                    <td>开发工程师</td>
                    <td>深圳</td>
                    <td>2017-06-28</td>
                </tr>
                <tr>
                    <td>软件工程师 <span class="hot">Hot</span></td>
                    <td></td>
                    <td>开发工程师</td>
                    <td>深圳</td>
                    <td>2017-06-28</td>
                </tr>
                <tr>
                    <td>软件工程师 <span class="hot">Hot</span></td>
                    <td></td>
                    <td>开发工程师</td>
                    <td>深圳</td>
                    <td>2017-06-28</td>
                </tr>-->
                </tbody>
            </table>
            <div ms-class="[@isPage?'page':'']">
                <ul>
                    <li class="leftTip icon-leftTip"></li>
                    <li ms-for="(index,el) in @totalCount" ms-html="el" ms-click="refresh(index)"></li>
                    <!--<li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>-->
                    <li class="rightTip icon-rightTip"></li>
                </ul>
            </div>
        </div>
        <div ms-class=["recruitmentDetail",@isContent?'':'hidden']>
            <div class="description">
                <ul>
                    <li>
                        <span>职位名称：</span><span
                            ms-html="@jobDetail.jobTitle">政策产品经理</span>
                        <span>工作地点： </span><span
                            ms-html="@jobDetail.workplace | workplace"> 北京 </span>
                    </li>
                    <li>
                        <span>职位类别： </span><span
                            ms-html="@jobDetail.jobType | JobType"> 产品经理  </span>
                        <!--<span>招聘渠道：</span><span
                            ms-html="@jobDetail.channel.jobChannel">  社会招聘</span>-->
                    </li>
                </ul>
                <div>
                    <p class="name">工作职责：</p>
                    <ol>
                        <li ms-html="@jobDetail.jobDuties"></li>
                    </ol>
                </div>
                <div>
                    <p class="name">工作要求：</p>
                    <ol>
                        <li ms-html="@jobDetail.jobSkill"></li>
                    </ol>
                </div>
                <div>
                    <button ms-click="@goPage">申请职位</button>
                </div>
            </div>
        </div>
    </div>
    <ms-service></ms-service>
</div>
<ms-footer></ms-footer>
<script src="../../asset/js/jquery-2.1.4.js"></script>
<script src="../../asset/js/ajaxUtils.js"></script>
<script src="../../asset/js/ff/ff.res.js"></script>
<script src="../../asset/js/common.js"></script>
<script src="../../asset/js/component.js"></script>
<script src="./js/index.js"></script>
</body>
</html>